<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>公司资质</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../../style/index.css" />
  </head>

  <body>
    <div id="app" class="minWidth">
      <el-card style="background-color: white">
        <el-form :inline="true" :form="form">
          <el-form-item>
            <el-button type="primary" @click="Add">添加</el-button>
          </el-form-item>
          <el-form-item>
            <el-input
              v-model="form.Primary_Key"
              clearable
              placeholder="请输入公司资质标题"
            />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSerach">查询</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData"
          stripe
          border
          height="calc(100vh - 200px)"
          style="width: 100%"
        >
          <el-table-column
            align="center"
            label="序号"
            width="50"
            type="index"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Honors_SerialNumber"
            label="资质流水号"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="Company_Honors_Name"
            label="公司资质标题"
          ></el-table-column>
          <el-table-column
            align="center"
            width="180"
            prop="Picture_URL"
            label="资质图片"
          >
            <template v-slot="{row}">
              <el-image
                style="width: 148px; height: 148px"
                :src="Domain_Business + row.Picture_URL"
                fit="contain"
              ></el-image>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="Operation_Datetime"
            label="生成时间"
          ></el-table-column>
          <el-table-column align="center" label="状态">
            <template v-slot="{row}">
              <el-tag :type="row.Row_Status=='0'?'success':'danger'"
                >{{row.Row_Status=='0'?'已展示':'已隐藏'}}</el-tag
              >
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作" width="180">
            <template slot-scope="scope">
              <el-button
                type="primary"
                size="small"
                @click="Edit(scope.row.Company_Honors_SerialNumber)"
                >修改</el-button
              >
              <el-dropdown size="small" trigger="click">
                <el-button size="small" type="primary">
                  更多<i class="el-icon-arrow-down el-icon--right"></i>
                </el-button>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item style="margin-bottom: 5px">
                    <el-button
                      :type="scope.row.Row_Status=='0'?'danger':'success'"
                      size="small"
                      @click="Status(scope.$index, scope.row)"
                      >{{scope.row.Row_Status=='0'?'隐藏':'展示'}}</el-button
                    >
                  </el-dropdown-item>
                  <el-dropdown-item style="margin-bottom: 5px">
                    <el-button
                      type="danger"
                      size="small"
                      @click="Delete(scope.$index, scope.row)"
                      >删除</el-button
                    >
                  </el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          v-show="total > 0"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="form.page"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="form.limit"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
          style="margin: 10px 0 0 0"
        >
        </el-pagination>
      </el-card>
    </div>
    <script
      type="text/javascript"
      src="../../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
    <script
      type="text/javascript"
      src="../../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/utils.js"></script>
    <script type="text/javascript" src="js/CompanyQualifications.js"></script>
  </body>
</html>
